<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>爬虫网站</title>
    <link type="text/css" rel="stylesheet" href="css/bootstrap.css">
    <link type="text/css" rel="stylesheet" href="css/bootstrap-theme.css">
    <script src="js/jQuery.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/jquery.easing.compatibility.js"></script>
    <script src="js/jquery.easing.1.3.js"></script>
    <script src="js/jquery-ui.min.js"></script>
    <style>
        .upfilebox {
            position: relative;
        }

        .upfilebox input {
            width: 70px;
            height: 30px;
            position: relative;
            z-index: 9;
            opacity: 0;
        }

        .upfilebox span {
            border: none;
            position: absolute;
            background: cornflowerblue;
            display: inline-block;
            color: #fff;
            width: 70px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            top: 10px;
            left: 20px;
        }

        .ss {
            display: inline-block;
            *display: inline-block;
            zoom: 1;
        }

        .bg {
            width: 100px;
            height: 15px;
            border-radius: 10px;
            background: white;
        }

        .main {
            height: 15px;
            border-radius: 10px;
            background: lawngreen;
        }

        .vip1, .vip2, .vip3, .vip4, .vip5, .vip6, .vip7 {
            width: 16px;
            height: 16px;
            margin-top: -3px;
            margin-bottom: 0px;
            background: url("vip.png") no-repeat;
        }

        .vip1 {
            background-position: -16px 0 ;
        }

        .a {
            height: 50px;
            padding: 15px 0;
            background-color: #31b0d5;
        }

        .container a {
            text-decoration: none;
        }

        .sn-list li {
            position: relative;
            width: 100%;
            padding-right: 29px;
            _padding-right: 0;
            margin-left: 0px;
            _margin-left: 0;
            margin-top: 1px;
            margin-bottom: 1px;
        }

        .sn-list {
            padding: 2px 0;
            position: relative;
        }

        ol, ul {
            list-style: none;
        }

        li {
            padding-top: 30px;
        }

        .mod-side-nav {
            margin-bottom: 12px;
            border-radius: 3px;
        }

        .mod-side-nav, .mod-side-nav a {
            color: #403e3b;

        }

        .mod-side-nav {
            text-align: center;
            width: 150px;
            height: 500px;
            margin: 50px 0 0 0px;
            background-color: #f8f6f2;
        }

        .mod-side-nav1 {
            border: 1px #d4cebe solid;
            width: 600px;
            height: 500px;
            margin: -500px 0 0 250px;
            background-color: #f8f6f2;
        }

        .mod-side-nav, .top-toggle {
            border: 1px #d4cebe solid;
        }

        .zl {
            position: absolute;
            left: 966px;
            top: 50px;
            width: 100px;
            height: 25px;
            background-color: wheat;
        }

        .mod-qwe input {
            width: 150px;
            height: 20px;

        }

        .mod-qwe div {
            margin: 40px 0 0 20px;
        }

        .lb dd {
            margin-top: 10px;
        }

    </style>
</head>
<body>
<div class="container">
    <!--登陆成功头部-->
    <div id="jr">
        <div class="row">
            <div class="a">
                <span style="padding-left: 20px" id="sj"></span>
                <span style="padding-left: 5px" id="xq"></span>
                <span>
                <span style="padding-left: 20px">
                    欢迎
                    <label id="nickname">亲爱的书友</label>
                </span>
                <span style="padding-left: 20px" id="grz">
                   <img id="icon" src="man.jpg" width="30px" height="25px">
                    <div class="zl" id="grzx" style="display: none">
                        <label><a href="grzx.html" style="text-decoration: none">个人中心</a></label>
                    </div>
                    <label class="vip1"></label>
                </span>
                     <span class="bg ss">
                     <span class="main ss"></span>
                     </span>
            <span id="jdt" class="num ss">0%</span>
                    <span style="padding-left: 10px;">欢迎登陆爬虫小说!</span>
                    <span style="padding-left: 10px;">观看最新推荐小说</span>
                     <a href="/www/main" style="padding-left: 10px;">首页</a>
                    <a href=" http://kan.sogou.com" style="padding-left: 20px;">电影</a>
                    <a href=" http://cp.sogou.com/kaijiang/#fr=Cf21008" style="padding-left: 20px;">彩票</a>
                    <a href=" http://tuan.sogou.com/" style="padding-left: 20px;">团购</a>
                    <a href=" https://vip.etao.com/?pid=mm_33344738_3413950_11025847&tb_lm_id=l_sczl_sogou_dingbu" style="padding-left: 20px;">购物</a>
            </span>
            </div>
        </div>
    </div>
    <div class="mod-side-nav ">
        <div class="inner">
            <div class="bd">
                <ul id="tab_menu_list" class="sn-list">
                    <li type="friend" class="form-control">
                        <a id="tab_menu_friend1" href="#" class="qz-grid">
                            <div class="qz-main"><span class="sn-title">个人信息</span></div>
                        </a>
                    </li>
                    <li type="friend" class="form-control">
                        <a id="tab_menu_friend" href="#" class="qz-grid">
                            <div class="qz-main"><span class="sn-title">个人信息修改</span></div>
                        </a>
                    </li>
                    <li type="care" class="form-control">
                        <a id="tab_menu_care" href="#" class="qz-grid" accesskey="t">
                            <div class="qz-main"><span class="sn-title">阅读历史记录</span></div>
                        </a>
                    </li>
                    <li type="care" class="form-control">
                        <a id="tab_menu" href="xgmm.html" class="qz-grid" accesskey="t">
                            <div class="qz-main"><span class="sn-title">密码修改</span></div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="mod-side-nav1">
        <form id="f2" method="post" enctype="multipart/form-data">
            <div id="xgtp" style="display: none">
                <img id="img1" src="man.jpg" style="text-align: center;width: 100px;height: 100px;border-radius: 50%">
                <label id="nickname1">yyyyy</label>
                <div class="upfilebox">
                    <input id="tp2" type="file" name="icon"/>
                    <span>修改头像</span>
                </div>
                <div class="mod-qwe">
                    <div>
                        <span>昵称</span>
                        <input id="nc" class="form-control" name="nickname"/>
                    </div>
                    <div>
                        <span>性别</span>
                        <input style="width: 30px" type="RADIO" value="男" name="sex">男
                        <input style="width: 30px" type="RADIO" value="女" name="sex">女
                    </div>
                    <div>
                        <span>年龄</span>
                        <input class="form-control" name="age"/>
                    </div>
                    <div>
                        <span>电话</span>
                        <input class="form-control" name="phone"/>
                        <button id="btn" type="submit"
                                style="margin-top: 10px;width:45px;height: 20px;line-height: 2px">确认
                        </button>
                    </div>
                </div>
            </div>
        </form>
        <div id="cx">
            <img id="img11" src="man.jpg" style="text-align: center;width: 100px;height: 100px;border-radius: 50%">
            <div class="mod-qwe">
                <div>
                    <span>昵称:</span>
                    <label id="nc1" ></label>
                </div>
                <div>
                    <span>性别:</span>
                   <label id="sex1"></label>
                </div>
                <div>
                    <span>年龄:</span>
                    <label id="age1"></label>
                </div>
                <div>
                    <span>电话:</span>
                    <label id="phone1"></label>
                </div>
            </div>
        </div>
        <div id="list" class="lb" style="display: none">
            <dl>
                <dd>
                    <a href="#">1.佣兵皇后，妖王擒妻忙</a>
                </dd>
                <dd>
                    <a href="#">2.佣兵皇后，妖王擒妻忙</a>
                </dd>
                <dd>
                    <a href="#">3.佣兵皇后，妖王擒妻忙</a>
                </dd>
                <dd>
                    <a href="#">4.佣兵皇后，妖王擒妻忙</a>
                </dd>
            </dl>
        </div>


    </div>

</div>
<script src="js/grzx.js"></script>

</body>
</html>